<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体样式</title>
    <style type="text/css">
    .show{
        font-size: 24px; /*字体的大小*/
        font-weight: bold; /*字体的粗细*/
        font-family: "楷体"; /*字体的类型*/
        font-style: italic; /*字体的风格*/
        color: red;
    }
    #dream{
        font: italic bold 24px "楷体"; /*顺序不能改变*/
        color: rgb(200,2,2); /*三原色的设置*/
        /*color: rgba(2,2,2,0.9); !*设置颜色以及透明度*!*/
    }
    .bird{
        font-style: oblique;
    }
    </style>
</head>
<body>
<p>享受<span class="show">"北大式"</span>教育服务</p>
<p>在北大青鸟，有一群人默默支持你成就
    <span id="dream">IT梦想</span></p>
<p class="bird">选择<span>北大青鸟</span>，成就你的梦想</p>

</body>
</html>